::-webkit-input-placeholder{
  font-family:PingFangSC-Regular;
  font-size:0.14rem;
  color:#dbdbdb;
}
.container{
  .header{
    height: 0.78rem;
    background:#f7cd58;
    .search_container{
      background:#ffffff;
      width:3.51rem;
      height:0.35rem;
      margin: 0 auto;
      .search_img{
        height: 0.18rem;
        width: 0.18rem;
        background:url("../images/search.png") no-repeat center center/contain;
        margin-left: 0.11rem;
        margin-right: 0.07rem;
      }
      .search_input{
        height: 100%;
        padding-right: 0.11rem;
        font-size: 0.14rem;
      }
    }
    .tag_list{
      margin:0.08rem 0.12rem;
      overflow-x:auto;
      overflow-scrolling: touch;
      .tag_item{
        border:1px solid rgba(255,255,255,0.50);
        border-radius:0.04rem;
        width:1.13rem;
        height:0.26rem;
        font-family:PingFangSC-Regular;
        font-size:0.12rem;
        color:#fff;
        .tag_more{
          background: url("../images/back.png") no-repeat center center/contain;
          transform: rotate(180deg);
          height: 0.12rem;
          width: 0.12rem;
        }
      }
      .tag_item_focus{
        background: #fff;
        font-family:PingFangSC-Regular;
        font-size:0.12rem;
        color:#000;
      }
    }
    .state_list{
      background:#ffffff;
      border-bottom:0.02rem solid #f7f7f7;
      width:100%;
      height:0.37rem;
      .state_item{
        font-family:PingFangSC-Light;
        font-size:0.13rem;
        color:#858585;
        box-sizing: border-box;
        height: 0.33rem;
        width: 100%;
      }
      .state_item_focus{
        color:#f9a43f;
        border-bottom:0.02rem solid #f9a43f;
        height: 0.35rem;
      }
    }
  }
}
